import React from 'react';
import A from "./Shouye.module.css"; 
import logo from '../../picture/tubiao.png'
// import Carousel from './Carousel';

import SegmentController from '../segmentcontroller/SegmentController';
import Lubotu from '../lunbotu/Lubotu';
import { Card } from 'antd';
import rou from '../image/竹笋炒腊肉.png'

const { Meta } = Card;

function Shouye() {
        return (
          <>
          <div style={{marginBottom:'1rem'}}>
            <Lubotu/>
          </div>
            <div style={{padding:'2rem',paddingTop:'1rem',backgroundColor:'white',width:'42.5rem',marginLeft:'10rem'
              ,height:'22rem',borderRadius:'1rem',marginBottom:'1.5rem'
            }}>
              <SegmentController/>
            </div>
            <div className={A.tuijian}>
              <div className={A.tuijian0}>新鲜推荐</div>
              <div className={A.tuijian1}>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    className='card'
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
              </div>
            </div>
            <div className={A.tuijian}>
              <div className={A.tuijian0}>减脂饮食</div>
              <div className={A.tuijian1}>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    className='card'
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
              </div>
            </div>
            <div className={A.tuijian}>
              <div className={A.tuijian0}>各地小吃</div>
              <div className={A.tuijian1}>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    className='card'
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
              </div>
            </div>
            <div className={A.tuijianq}>
              <div className={A.tuijian0}>烘培甜品</div>
              <div className={A.tuijian1}>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    className='card'
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
                <div className={A.tuijian11}>
                  <Card
                    hoverable
                    cover={<img alt="example" src={rou} style={{width:'14rem',height:'17rem'}}/>}
                  >
                    <Meta title={<span style={{ fontSize: '1rem' }}>南瓜糕</span>} />
                  </Card>
                </div>
              </div>
            </div>

            </>
          );
        }
export default Shouye;



